<!--用户头像-->
<template>
  <div class="example">
    <button class="button-block" @click="open1">点我</button>
    <div class="tableClass mt20">
      <table cellspacing="0">
        <tr>
          <th>1) 调用方法</th>
        </tr>
        <tr>
          <td><pre>{{explameHandle}}</pre></td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
  export default {
    name: '',
    data () {
      return {
        explameCall:
          `
            <zz-user
            srcProps="" 用户头像 url 或者key 都可以
            width="3.875" 头像显示宽度
            ></zz-user>
          `,
        explameHandle: `
          this.$MessageBox({
          showClose: true,
          message: '还没有确定上传文件，确定关闭？',
          type: 'info',
          confirmHanler: () => {
            console.log(111)
          },
          cancel: () => {
            console.log(222)
          }
        })
        `
      }
    },
    methods: {
      open1 () {
        this.$MessageBox({
          showClose: true,
          message: '还没有确定上传文件，确定关闭？',
          type: 'info',
          confirmHanler: () => {
            console.log(111)
          }
        })
      }
    }
  }
</script>
<style lang="scss" scoped>
  .example{
    padding: 20px;
    .example-left{
      float: left;
      width: 10%;
    }
    .example-right{
      float: right;
      width: 78%;
      background: #fff;
    }
  }
</style>
